Online PVI Courses Mentor Resources Module 8

Home
Jump 2
- Module 1
- Module 2
- Module 3
- Module 4
- Module 5
- Module 6
- Module 7
- Module 8
- Module 9
- Module 10
- Module 11
- Module 12
Resources

Web Page Design Module 8 Mentor Resources
Module Overview	Module Objectives	Activities	Prompts	Rubrics & Keys

Module Overview
In this module students add more interest to The Striped Umbrella, Blooms and Bulbs, and their personal website by inserting and formatting images.

Module Objectives
Insert an image
Align an image
Enhance an image
Use alternate text and set Accessibility preferences
View the Assets panel
Insert a background image
Delete image files from a website
Create and find images for a website
Examine copyright rules

Activities
Authentic:
As an intern at Bishop Company, students will plan and construct a third page of three websites. The content of these pages will include not only text, but images to create interest and enhance the design.

Background Building:
Activity 1- Students will insert and format images into The Striped Umbrella website using the Dreamweaver CS6 student text pages 104 through 121.
Activity 2- Students will insert and format images into the Blooms and Bulbs website using the Dreamweaver CS6 student text pages 124 and 125.
Activity 3 - Students will complete the quiz for Dreamweaver chapter E.

Constructing:
Students will design and build the third page of their original website. The CSS style sheets created should be attached and applied to this page. This page should include images with alternate text, appropriately formatted to enhance the images. A navigation structure should provide links to other pages in the site. This navigation structure should be consistent with the navigation structure created on the home page and second page of the website.

Sharing:
Mentors have access to all student files through the shared Web Page Design folder on Google drive.

Prompts and Potential Problems

Rubrics and Keys
Background Activity 1: Compare the student's about_us page to figure E-20 on page 117. Compare the rule definition for img_left_float in the external style sheet to figure E-8 on page 109.
Background Activity 2: Unit E Skills Review Rubric (word / PDF)
Background Activity 3: Unit E Quiz
Personal Website Adding Images rubric (third page) (Excel / PDF)

Module 9 Mentor Resources